<template>
  <div data-empty class="empty" :style="{ height: `${height}px` }">
    拖动到这里
  </div>
</template>

<script>
export default {
  name: "Moving",
  props: {
    height: {
      type: Number,
      default: 0,
    },
  },
};
</script>

<style scoped>
.empty {
  width: 100%;
  min-height: 20px;
  color: deepskyblue;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(135, 206, 250, 0.3);
  border: 1px dashed deepskyblue;
}
</style>
